
/*引入主题变色的scss文件*/
/* 颜色变量 */
@import './static/css/theme.scss';
@import './static/css/theme_color.scss';

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* crmeb颜色变量 */
$theme-color:#E93323;
$theme-color-opacity:rgba(233,51,35,.6);
$bg-star: #f62c2c;
$bg-end:#f96e29;
$bg-star1: #F73730;  // 主题渐变色1-开始
$bg-end1:#F86429;   // 主题渐变色1-结束


/* 背景颜色 */
$crmeb-theme-color: #1DB0FC;
$crmeb-bg-color:#fff;
$crmeb-bg-color-grey: #F7F7F7; //背景为灰色
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;

/* 尺寸变量 */
/*字体颜色(少部分其他,不限于字体)*/
$crmeb-font-color: #333333; //文章标题、主要信息、强调内容、段落信息引导词、文字按钮
$crmeb-font-color-subtitle: #666666; //通知公告、列表非编辑文字（如订单详情页内订单号、灰黑色按钮等）
$crmeb-font-color-assist: #999999; //副标题文字、次要信息、辅助、提示（如首页副标题、已售件数等）
$crmeb-font-color-grey: #bbbbbb; //辅助文字、相对弱性文字
$crmeb-font-color-disable: #cccccc; //禁用状态文字、弱提示性文字（如搜索框、禁用按钮等）
$crmeb-font-color-white: #ffffff; //用于彩色或深色背景上
$crmeb-price-color: #FD502F;
/* 文字尺寸 */
$uni-font-size-sm:24upx;
$uni-font-size-base:28upx;
$uni-font-size-lg:32upx;

/* 图片尺寸 */
$uni-img-size-sm:40upx;
$uni-img-size-base:52upx;
$uni-img-size-lg:80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30upx;



// 布局
.disp {
	display: flex;
	&.flex-row {
		flex-direction: row;
	}
	&.flex-col {
		flex-direction: column;
	}
	&.center {
		align-items: center;
	}
	&.con_end {
		justify-content: end;
	}
	
	&.end {
		justify-content: flex-end;
		align-items: flex-end;
	}
	&.baseline {
		align-items: baseline;
	}
	&.around {
		justify-content: space-around;
	}
	&.between {
		justify-content: space-between;
	}
	&.js-center {
		justify-content: center;
	}
	
	&.warp {
		flex-wrap: wrap;
	}
}

.flex1 {
	flex: 1;
}
	
.shrink1 {
	flex-shrink: 1;
}

.PF-R {
	font-family: PingFangSC-Regular, 'Arial' 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif !important;
	font-weight: 400;
}

.PF-S {
	font-family: PingFangSC-Semibold, 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif !important;
	font-weight: 600;
}

.PF-M {
	font-family: PingFangSC-Medium, 'Arial', 'Microsoft YaHei', '黑体', '宋体', sans-serif !important;
	font-weight: 500;
}

.one-line {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.two-line {
	text-overflow: ellipsis;
	overflow-wrap: break-word;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
}


.line {
	&.right {
		text-align: right;
	}
	&.center {
		text-align: center;
	}
	&.left {
		text-align: left;
	}
	&.del {
		text-decoration: line-through;
	}
	&.single{
		height: 1px;
		background-color: #eee;
	}
}

// 文字end

.coupon-line-vertical {
	height: 190rpx;
	border-right: 2rpx dashed #d2d2d2;
	margin-top: 24rpx;
}

.spe-radius {
	border-radius: 16px 0px 16px 0px;
}



.gray-dis {
	background-color: #dedede !important;
}

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

.wd500 {
	font-weight: 500;
}
.wd600 {
	font-weight: 500;
}

// 常规按钮
.main-btn {
	background-color: #337be7;
	text-align: center;
	border-radius: 10rpx;
	color: white;
	font-size: 30rpx;
	line-height: 88rpx;
	height: 88rpx;
	width: 90%;
}

.btn_grand {
	text-align: center;
	font-size: 32rpx;
	color: white;
	width: 80%;
	border-radius: 10rpx;
	height: 96rpx;
	line-height: 96rpx;
	&.grand {
		background: linear-gradient(105deg, #9fd998, #66bbb1 100%);
	}
	&.red{
		background: linear-gradient(52deg, #F44234 0%, #FF3263 100%);
	}
	&.disable {
		opacity: 0.4;
	}
	&.gray {
		background-color: #F3F4F5;
	}
	&.margins {
		margin-left: 10%;
		margin-top: 10%;
	}
}

button::after {
	border: none;
}

// 按钮end

// 全屏尺寸
.full {
	&.__w{
		width: 100%;
	}
	&.__vw{
		width: 100vw;
	}
	&.__h{
		height: 100%;
	}
	&.__vh{
		height: 100vh;
	}
}
.full-hei {
	height: 100%;
}

.ful-w {
	width: 100%;
}

.full-w {
	width: 100%;
}

.full-h {
	height: 100%;
}
.flex-common{
	display: flex;
}
.flex-common.column{
	flex-direction: column;
}
.flex-common.aic{
	align-items: center;
}
.flex-common.aiend{
	align-items: flex-end;
}
.flex-common.aibase{
	align-items: baseline;
}
.flex-common.jcc{
	justify-content: center;
}
.flex-common.between{
	justify-content: space-between;
}
.flex-common.end{
	justify-content: flex-end;
}
.flex-common.wrap{
	flex-wrap: wrap;
}



.basic-label{
	font-size: 28rpx;
	line-height: 40rpx;
	color: #161D1A;
	&.d4141 {
		color: #414141;
	}
	&.d14{
		color: #D14B39;
	}
	&.fff{
		color: #fff;
	}
	&.c0c4 {
		color: #C0C4C1
	}
	&.ff5{
		color: #FFF5F0;
	}
	&.ea39 {
		color: #EA392E;
	}
	&.d150 {
		color: #D1503E;
	}
	&.greens {
		color: #007E51
	}
	
	&.blues {
		color: #007aff;
	}
	&.f2450 {
		color: #F2450F
	}
	&.fs20{
		font-size: 20rpx;
	}
	&.fs24{
		font-size: 24rpx;
	}
	&.fs30{
		font-size: 30rpx;
	}
	&.fs32{
		font-size: 32rpx;
		line-height: 48rpx;
	}
	&.fs36{
		font-size: 36rpx;
	}
}